@charset "utf-8";
/* CSS Document */
@import "reset.css";

/*
*@author Tri Nguyen
*CSS for Portfolio
*/

th
{
    background-color: #E1E1E1;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

#year_term_portfolio{
    float: left;
    width: 500px;
}

#picktheme_portfolio{
    float: right;
    width: 300px;
    margin-right: 3%;
}

#the_content{
    clear: left;
}

#mytable{ 
    float: left;
    width: 700px;
    border: 1px solid #000000;
}

.user_role_company{
    float: left;
    width: 100%;
    margin-top: 10px;
}

.mytable{
    float: left;
    width: 700px;
    border: 1px solid #000000;
}

#mytable tr td{
    padding: 5px;
}

.mytable tr td{
    padding: 5px;
}

#page_log{
    float: left;
    width: 100%;
}

#add_new_event_log{
    float: left;
    width: 100%;
}

#mylogs{
    float: left;
    width: 100%;
}

.div_submit{
    float: left;
    margin-left: 30%;
    margin-top: 2%;
}

#mytable td a .view_children_table_title{
    color: #000;
}

#mytable td a:hover{
    text-decoration: underline;
}

#mytable .action a{
    color: #333333;
}

.hidden
{
    display: none;
}

.error{
    color: red;
    float: left;
}
label.error
{
    width: 100%;

}
input.error
{
    color: red;
    background-color: yellow;
}

.receipt {
    border: 0.1em solid #BBBBBB;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 670px;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    color:#666;
    margin: 0 0 10px 0;
}

h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#090;
    margin: 0 0 10px 0;
}

.child_template_title{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.child_template_title h3{
    color: #009900;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;        
    font-weight: 900;
    text-decoration: underline;    
}

h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#C30;
    margin: 0 0 10px 0;
}




body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #333333;
    background-image:url(img/bg-body.gif);
    background-repeat:repeat-x;
    background-position: left top;
}
img{
    border:none;
    padding:0;
    margin:0;}

ul,li{
    list-style:none;
    padding:0;
    margin:0;
    text-decoration:none;
}

a{
    color:#333333;
    text-decoration:none;}
a:hover{
    color:#309230;
}

span{
    color:#000;}

h1{
    color:#298329;}

.clear{
    clear:both;
    padding:0;
    margin:0;
    line-height:0px;
    height:0px;}

/******************************** page */
#page{
    margin:0 auto;
    display:block;
	overflow:hidden;
    width:1000px;
    padding-top:2px;
}

/******************************** header */
#header{
    overflow:hidden;
    height:166px;
}

.top-header {
    height:84px;
    padding-top:9px;
}

.img-logo{
    width:134px;
    height:68px;
    display:block;
    margin-top:7px;
    margin-left:10px;
    float:left;}

.banner{
    width:519px;
    height:67px;
    margin-left:20px;
    float:left;
    margin-top:7px;
}

.button
{
    display: block;
    width: 88px;
    height: 35px;
    float:left;
    margin-left:65px;
    margin-top:25px;

    background-image:url(img/button-logout.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.button:hover
{
    background-position: bottom left;
}

.menu{
    height:10px;
}



.account{
    height:35px;
    width:100%;
}
.account ul{
    width:180px;
    float:right;
    margin-right:10px;
    color:#2a842a;
    padding-top:5px}

.account ul li{
    float:left;
}
.account ul li a{
    margin:0 10px;
    color:#666}

.account ul li a:hover{
    margin:0 10px;
    color:#060}



/******************************** main */
#main	{
    overflow:hidden;
}

.left{
    float:left;

}
.righ{
    float:left;
}



/******************************** footer */
#footer {
    background-image:url(img/bg-footer.gif);
    height:133px;
    background-repeat:repeat-x;
    width:100%;
    margin-top:15px;}
#footer p{
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    line-height:45px;
    text-align:center;
    padding-top: 50px;
}
#footer a:hover{
    color: #fff;
}






/******************************** update */
/********* submenu */
.nav_wrap {
    float:left;
    margin: 1px 0 0 10px;
    padding: 0;
    height:35px;
}
.nav {
    float:left;
    margin: 0 0 0 0;
    padding: 12px 0 7px 0;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
    font-size:13px;
}
.nav_1{
    color:#DA500E;
}
.nav li {
    display:inline;
    padding:0px;
    margin:0 10px 0 0;
}
.nav li a{
    color:#333;
}
.nav li a:hover{
    text-decoration:none;
    color:#F93;
}


.content {
    float:left;
    margin: 12px auto;
    width: 1128px;

}

/* ==== Left ==== */
.left {
    float:left;
    width:212px;
}
.left_top {
    float:left;
    width:234px;
    height:16px;
    background-image: url(img/left_top.gif);
}
.left_mid {
    float:left;
    width:234px;
    min-height:100px;
    background-color: #FFF;
    background-image: url(img/left_middle.gif);
    font-weight: normal;
}
.left_btm {
    float:left;
    width:234px;
    height:16px;
    background-image: url(img/left_bottom.gif);
}
.left_meat {
    width:200px;
    margin:0 auto;
    margin-left: 20px;
}
.left_navbar {
    width:160px;
    float:left;
    margin:0 0 10px;
}
.left_navbar_icon {
    float:left;
    width:32px;
}
.left_navbar_content {
    float:left;
    width:118px;
    margin:8px 0 0 10px;
}
/* ==== End Left ==== */

/* ==== Right ==== */
.right {
    float:left;
    margin-left:10px;
    width:772px;
}
.right_log{
    float:left;
    margin-left:30px;
    width:754px;
}
.right_top {
    float:left;
    width:756px;
    height:16px;
    background-image: url(img/right_top.gif);
}
.right_mid {
    float:left;
    width:100%;
    min-height:600px;
    background-color: #FFF;
    background-image: url(img/right_middle.gif);
    background-repeat: repeat-y;
}
.right_mid2 {
    float:left;
    width:756px;
    min-height:400px;
    background:#FFF url(style/right_mid2.jpg) repeat-y;
}
.right_mid_hint {
    float:left;
    width:772px;
    background:#FFF url(style/right_mid.jpg) repeat-y;
}
.right_btm {
    float:left;
    width:900px;
    height:16px;
    background-color: #FFF;
    background-image: url(img/right_bottom.gif);
    background-repeat: no-repeat;
}
.right_meat {
    width:832px;
    margin:0 auto;
}
.meat2c_left {
    float:left;
    width:480px;
}
.meat2c_right {
    float:right;
    width:200px;
}

/* ==== End Right ==== */



/*********************************************************welcome -demo*/

#pickrole{
    margin-bottom: 10px;
    font-family:Verdana, Geneva, sans-serif;
    font-style: #FFF;
}

#pickrole p{
    color:#CCC;
    font-weight:bold;

}

.topright {
    float:right;
    margin:0px;
    line-height:10px;
    font-size:11px;
    text-align:right;
}

/* ==== General ==== */
/* =========================================================================================attendance==== */
/* ==== menu_attendance ==== */
.menu_attendance{
    float: left; width: 150px; height:100%; background-color: #E1E1E1}
/* ==== view_attendance ==== */
.view_attendance{width:80%; float:left; width:100%}
.view_attendance_inner{width:100%; float:left; margin-left:20px; padding-top: 5px}

/* ==== view_attendance_att ==== */
.view_attendance_att{width:80%; float:left;}
.view_attendance_att_inner{width:100%; float:left; margin-left:20px; padding-top: 5px; border:1px solid black;}
.view_attendance_att_table{border: 1px solid black; width: 99%}
.view_attendance_att_table_tr1{background-color: #E1E1E1}
.view_attendance_att_table_tr2{border: 1px solid black;}
.view_attendance_att_table_td1{border-right: 1px solid black;background-color: #E1E1E1}
.view_attendance_att_table_td2{border-right: 1px solid black;}
.view_attendance_att_form{width:620px; text-align: center}

/* ==== view_attendance_default - khong co CSS==== */

/* ==== view_attendance_mlr ==== */
.view_attendance_mlr{
    width:80%; float:left;
}
.view_attendance_mlr_inner{
    width:100%; float:left; margin-left:20px; padding-top: 5px
}
.view_attendance_mlr_tabel{border: 1px solid black; width: 99%}
.view_attendance_mlr_tabel_tr1{background-color: #E1E1E1;}
.view_attendance_mlr_tabel_td1{border-right: 1px solid black;background-color: #E1E1E1}
.view_attendance_mlr_tabel_td2{border-right: 1px solid black;}
.view_attendance_mlr_tabel_td3{border-bottom: 0.1em solid #333; border-right: 0.1em solid #333}
.view_attendance_mlr_tabel_tr2{border: 1px solid black;}
.view_attendance_mlr_form{width:620px; text-align: center}


/* ==== view_attendance_prl ==== */
.view_attendance_prl{width:80%; float:left;}
.view_attendance_prl_form{width:100%; float:left; margin-left:20px; padding-top: 5px}

/* ==== view_report_ChildrenParticularsList ==== */
.view_report_ChildrenParticularsList_table{border: solid 0.1em #CCC; width: 1200px}

/* ==== view_report_ClassNameList ==== */
.view_report_ClassNameList_table{font: 0.7em Verdana, Arial, Helvetica, sans-serif; width: 960px; text-align:center; border-top: 0.1em solid #333; border-left: 0.1em solid #333}
.view_report_ClassNameList_table_td1{border-bottom: 0.1em solid #333; border-right: 0.1em solid #333}
.view_report_ClassNameList_table_td2{width: 18px; height: 18px; border-bottom: 0.1em solid #333; border-right: 0.1em solid #333;}
.view_report_ClassNameList_table_td3{width: 100px; height: 18px; border-bottom: 0.1em solid #333; border-right: 0.1em solid #333;}

/* ==== view_report_MonthlyReport ==== */
.view_report_MonthlyReport_table{border: 1px solid black; width: 99%}
.view_report_MonthlyReport_table_tr1{background-color: #E1E1E1;}
.view_report_MonthlyReport_table_tr2{border: 1px solid black;}
.view_report_MonthlyReport_table_td1{border-right: 1px solid black;background-color: #E1E1E1}
.view_report_MonthlyReport_table_td2{border-bottom: 0.1em solid #333; border-right: 0.1em solid #333}

/* ==== view_report_PrintHealthScreening ==== */
.view_report_PrintHealthScreening_table{font: 0.7em Verdana, Arial, Helvetica, sans-serif; width: 960px; text-align:center; border-top: 0.1em solid #333; border-left: 0.1em solid #333}
.view_report_PrintHealthScreening_table_td1{border-bottom: 0.1em solid #333; border-right: 0.1em solid #333}
.view_report_PrintHealthScreening_table_td2{width: 18px; height: 18px; border-bottom: 0.1em solid #333; border-right: 0.1em solid #333;}


/* ====view_rpt_attendance_mlr==== */
.view_rpt_attendance_mlr_table{border: 1px solid black; width: 99%}
.view_rpt_attendance_mlr_table_tr1{background-color: #E1E1E1;}
.view_rpt_attendance_mlr_table_tr2{border: 1px solid black;}
.view_rpt_attendance_mlr_table_td1{border-right: 1px solid black;background-color: #E1E1E1}
.view_rpt_attendance_mlr_table_td2{border-bottom: 0.1em solid #333; border-right: 0.1em solid #333}
.view_rpt_attendance_mlr_table_td3{border-right: 1px solid black;}


/* =========================================================================================================children==== */
/* ====form_add_child==== */
.form_add_child{width:80%; float:left;}
.form_add_child_inner{width: 100%; float:left; margin-top:10px}
.form_add_child_inner_upload{height:30px; float:right; width:450px}
.form_add_child_inner_error{width:640px; float:left;}
.form_add_child_inner_error p {font-weight: 900;font-size: 14px;color: red;text-align: center;}
.form_add_child_inner_error p span{font-weight: 900;font-size: 14px;color: red;text-align: center;}
.form_add_child_inner_error_photoimg{float:left; width:150px; margin:10px 0 0 0;}
.img-avatar{float:right;}
.form_add_childID{width:100%; float:left; margin-left:20px; margin-top: 20px}

/* ====form_withdraw==== */
.form_withdraw{width:80%; float:left;}
.form_withdraw_inner{width: 100%; float: left;}
.thumb_pic{width: 100%; float: left; margin-top: 10px;}
.thumb_pic_inner{width: 640px; min-height: 150px; float: left;}
.thumb_pic_inner_photo{float: left; width: 150px; margin: 10px 0pt 0pt;}
.thumb_pic_inner_photo_img{float: right;}
.form_withdraw_summary{width: 100%; float: left; margin-left: 20px; margin-top: 20px;}
.form_withdraw_summary p span{color: red; font-weight: bold;}
.form_withdraw_submit{width: 620px; text-align: center;}



/* ====list_childs=== khong co CSS= */

/* ====menu_children==== */
.menu_children{float: left; width: 20%; background-color: #E1E1E1}

/* ====view_children==== */
.view_children{width:80%; float:left;}
.view_children_inner{width:100%; float:left; margin-left:20px; padding-top: 5px}
.view_children_table{border: 1px solid black; width: 90%;}
.view_children_table_tr1{background-color: #E1E1E1;}
.view_children_table_tr2{border: 1px solid black;}
.view_children_table_td1{border-right: 1px solid black;background-color: #E1E1E1; text-align: center;padding: 4px;}
.view_children_table_td2{border-right: 1px solid black; padding: 4px;}
.view_children_inner_update{width:620px; text-align: center}

/* =========================================================================================================deposits==== */
/* ====do_deposit===khong co CSS= */


/* ====do_deposit_all==khong co CSS== */

/* ====do_forefeited===khong co CSS= */

/* ====menu_deposits==== */
.left_meat_inner{height: 20px; margin-left: 10px; margin-top:10px}

/* ====no_receipt==== */
.no_receipt{width: 87%; text-align:center}

/* ====view_deposits==== */
.cat_nav_inner{width: 100%; float:left; text-align:left; margin-bottom: 8px;}

.cat_nav{
    float:left;
    width: 100%;
    margin-top:10px;
    font-weight: normal;
    margin-left: 15px;
}

#cat_nav_receipt{
    float:left;
    width: 87%;
    margin-top:10px;
    font-weight: normal;
    margin-left: 20px;
}

#receipt_table{
    margin-top: 15px;
}

.year_term_picker{
    float: right;
    width: 50%;
    margin-top:0px;
    margin-right:150px;
    text-align: right;
}

.year_term_box{
    width: 200px;
    height: 100px
}

.box_left {
    width: 220px;
    height: 100px;
}

.box {
    width: 220px;
}

.box_right {
    width: 220px;
    height: 100px;
}

.box_full {
    width: 580px;
    height: 60px;
}

/* =========================================================================================================log==== */
/* ====menu==== */
.log_menu{float: left; width: 100%; background-color: #E1E1E1}
.log_menu_inner{height: 20px; margin-left: 5px; margin-top:10px}

/* ====view_log==== */
.view_log{width:80%; float:left;}
.view_log_inner{width:100%; float:left; margin-left:20px; padding-top: 5px}
.view_log_msg{width: 500px; height: 70px}

/* =========================================================================================================mcys==== */
/* ====vmcys===da co CSS= */


/* =========================================================================================================receipt==== */
/* ====menu_receipt===da co CSS= */

/* ====view_voided_receipts===khong co CSS= */

/* =========================================================================================================receipts==== */
/* ====menu==== */

/* ====vadd_receipts==== */

/* ====view_receipts==== */
.cat_nav_inner2{
    width: 735px;
    float:left;
    text-align:left;
    margin-bottom: 8px;
    margin-top:10px;
    margin-left: 10px;
}
.cat_nav_inner2_title{margin-left: 10px; margin-top:10px; height: 30px; font-weight: normal;line-height: 20px;}

/*
* Curriculum
*/

.title_curriculum{width: 100%; float:left; text-align:left;}
.a_curriculum{float: left; width: 80%; text-align: right;}
.content_curriculum{width: 100%; float:left; margin-top:10px}

/*
* Children
*/
#photo-info{
    float: left;
    width: 150px;
    margin-left: 20px;
}

#photo{
    height: 150px;
}
#img_avatar{
    float: left;
    width: 150px;
}

.btn_submit{
    float: left;
    width: 150px;
    margin-top: 10px;
    margin-left: 10px;
}

#menu{
    margin-top: 20px;
    height: 300px;
}
#basic, #medical, #parent{
    float: left;
    width: 500px;
    margin-left: 10px;
}

.list{
    float: left;
    width: 500px;
    height: 300px;
    background: #ccccff;
}

.form-input{
    float: left;
    width: 400px;
}
.btn_print{
    width: 84px;
}

#form_add_child{
    float: left;
    width: 500px;
    margin-top: 10px;
}

#form_add_kin{
    float: left;
    width: 500px;
    margin-top: 10px; 
}

#photo_kin{
    float: left;
    width: 150px;
    margin-left: 20px;
}
/*
* Children Template
*/

.child_item{
    float: left;
    width: 500px;
    margin-bottom: 5px;
}
.child_item_half{
    float: left;
    width: 285px;
    margin-bottom: 5px;
}

.child_item_quater{
    float: left;
    width: 225px;
    margin-bottom: 5px;
}

.child_item_state{
    float: left;
    margin-left: 40px;
    width: 225px;    
    margin-bottom: 5px;
}

.child_item_id{
    float: left;    
    width: 215px;    
    margin-bottom: 5px;
}

.child_full_width{
    width: 300px;
}

.child_half_width{
    width: 150px;
}

.child_quarter_width{
    width: 100px;
}

.child_label{
    float: left;
    width: 125px;
    font-weight: bold;
    margin-top: 3px;
}

.child_label_half{
    float: left;
    width: 75px;
    font-weight: bold;
    margin-top: 3px;
}

.child_label_state{
    float: left;
    width: 60px;
    font-weight: bold;
    margin-top: 3px;
}

.child_input{
    float: left;
    width: 375px;
    margin-bottom: 3px;
}

.setting_input{
    float: left;
    width: 375px;
    margin-bottom: 3px;
}

.setting_input p{
    float: left;
    width: 100%;
}

#setting_error_mess{
    float: left;
    margin-left: 20%;
}


#add_new_manage_level{
    float: left;
    width: auto;
    margin-left: 70%;
    margin-bottom: 2%;
}
.focus{
    background: #ffffcc;
}

.child_input_half{
    float: left;
    width: 160px;
    margin-bottom: 3px;
}

.child_input_quater{
    float: left;
    width: 100px;
    margin-bottom: 3px;
}

.child_error_mess{
    float: left;
    margin-left: 125px;
}


.child_blank{
    float: right;
    width: 150px;
}

.separate{
    float: left;
    width: 300px;
    border-top: 1px dashed #000;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 25%;
    text-align: center;
}



.child_select_id{
    margin-left: 15px;
    width: 130px;
}

#manage_control, #list_item_dynamic{
    float: left;
    width:500px;
    margin-left: 50px;
    height: auto;
}
#dynamic_name, #dynamic_control{
    float: left;
    width: 250px;
    height: auto;
}
#button_add,#button_edit{
    float: left;
    width: 400px;
    margin-top: 10px;
    height: 30px;
}

.button_add{
    float: right;
    margin-right: 112px;
    font-weight: bold;
    color: blue;
    margin-top: 10px;
}

.item{
    float: left;
    width: 500px;
}
.dynamic_name_item{
    float: left;
    width: 100px;
    height: 30px;
    margin-top: 3px;
}
.dynamic_control_item{
    float: left;
    width: 250px;
    height: 30px;
}
.dynamic_delete_item{
    float: left;
    width: 150px;
    height: 30px;
}

.selectItem, #selectItem,.selectItem_div,#btn_add_value{
    float: left;
    width: 300px;
    height: auto;
}


/*
* CA
*/
.align_right{
    text-align: right;
}

.align_center{
    text-align: center;
}

.align_left{
    text-align: left;
}

/*
* SLO
*/
.red{
    background: red;
}

/*
* Portfolio
*/
table#mytable, table#mytable th, table#mytable td,table.mytable,table.mytable td
{
    border: 1px solid #cccccc;
}


/*
* Service
*/
.div_stand_free{
    float: left;
    width: 210px;
    margin-left: 7px;
    margin-top: 3px;
}

/*
* curicurlum
*/
#add_link_url{
    float: left;
    clear: both;
}

#manage_control .selectItem_div input
{
    float: left;
}

#dynamic_name input
{
    float: left;
}

#selectItem_div_label
{
    display: none;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.table_row_header
{
    background-color: #666666;
    text-align: center;
    font-weight: bold;
    color: white;
}

.table_row_header a{
    color: #ffffff;
}

/*
* CA
*/

#ca_header{
    float: left;
    width: 700px;
}

#ca_selector{
    float: left;
    width: 700px;
}

#ca_selector select{
    width: 150px;
    float: left;
    margin-bottom: 3px;
}

#ca_add_new{
    float: right;
    width: 200px;
    margin-right: 30px;
}

#ca_selector p{
    float: left;
    width: 100px;
    margin-top: 3px;
    font-weight: 900;
}

.ca_pick_option
{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

#lstChildServices
{
    float: left;
    width: 100%;
}

/*
* Setting
*/

#setting_table{
    float: left;    
    width: 700px;
    margin-left: 2%;
}

#setting_table tr td{
    padding: 5px;
    border: 1px solid #cccccc;        
}

#setting_submit{
    clear: both;
    float: left;
    margin-left: 2%;
    margin-top: 2%;
}

#user_role_select{
    float: right;
    width: auto;
    margin-right: 12%;
    margin-bottom: 2%;
}

#user_role_label{
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    font-weight: bold;
}

#user_role_control{
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
}

#user_role_content{
    float: left;
    margin-left: 2%;
    width: 100%;
}

#selector_setting_teacher_class{
    float: left;
    width: auto;
    margin-bottom: 10px;
}

.submit{
    clear: both;
    width: auto;
    margin-top: 2%;
}

.submit_setting{
    clear: both;
    float: left;
    margin-top: 2%;
    width: auto;
}

#myform_edit{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#top{
    float: left;
    width: auto;
}

#thumb_pic{
    float: left;
    width: 100%;
}

#thumb_pic #photo{
    float: left;
    margin-left: 30%;    
}

#content_mange_centre{
    float: left;
    width: 100%;
}

#content_mange_centre .submit{
    clear: both;
    float: left;
    margin-left: 30%;
}

#mytable_centre{
    float: left;
    width: 600px;  
    margin-left: 8%;
}

#mytable_centre tr td{    
    border: 1px solid #999999;
    padding: 5px;
}

.half_width{    
    width: 30%;
}

.full_width{    
    width: 95%;
}

#manage_user_create{
    float: left;
    margin-left: 23%;
}

#add_new_setting_teacher_class{
    float: left;
    width: 20%;
    margin-left: 15%;
}

#add_new_log{
    float: left;
    width: 25%;
    margin-left: 60%;
    margin-bottom: 2%;
}
.alert{color:#FF0000;}
a.pagenav {
    color: #000000;
    text-decoration: none;
}
.cb{ clear:both; line-height: 0%; font-size: 0%;}
.input100{width:100%;}
.input98{width:90%;}
.input94{width:94%;}
.input80{width:80%;}
.input70{width:70%;}
.input60{width:60%;}
.input50{width:50%;}
.input35{width:35%;}
.input25{width:25%;}
.input20{width:20%;}
.input10{width:10%;}

/* css popup */

 #fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 10px;	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 56%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
    background-image: url('../image_box/css/imgbox-close.png');	
	width:30px;
	height:30px;
	float: right;	
	margin-right: -30px;
    margin-top: -40px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
.popup_block img{
	max-width:800px;
	max-height:500px;
}

.item_inventory{
    float: left;
    width: 163px;
}

.tooltip{
	background:url(img/tooltip/black_arrow.png) no-repeat;	
        width: 188px;
        height: 115px;
        font-size:15px;       
        line-height: 115px;
        padding-left: 17px;
        color: white;
}

#new_purchase{
    float: left;
    width: 100%;
    margin-top: 10px;
}

#new_group_sms{
    float: left;
    margin-left: 70%;
    width: 100%;    
}

#progress_legend{
    float: left;
    display: block;
    margin-top: 10px;
}
/* end css popup */
